@charset "utf-8";
/* CSS Document */

/* Just some styles to set the page layout. */
	
			h1 {font-size:18px;margin:10px 0;line-height:1;}
			h2 {font-size:14px;margin:10px 0;line-height:1;}
			p {font-size:12px;margin:10px 0;}
			small {font-size:11px;margin:10px 0;color:#333;}
			a {font-size:12px;text-decoration:none;color:#f00;}
			p span {color:#00f;}
			#container {width:960px;margin:0 auto;padding-bottom:40px;}
			#examples {margin-top:60px;}
			pre {font-family:"Courier New", Courier, monospace;font-size:11px;margin:20px 0 100px 0;border:1px dashed #ddd;padding:10px;background:#f6f6f6;}
			pre.html {margin:10px 0;}
			.clear {clear:both;}
			
			#example4 ul {list-style:none;}
				#example4 h3 {color:#fff;text-transform:uppercase;font-size:24px;line-height:1;}
				#example4 p {color:#fff;}
				#example4 .frame-0 {background:url(../images/slide0.gif) top left repeat;}
				#example4 .frame-1 {background:url(../images/slide1.gif) top left repeat;}
				#example4 .frame-2 {background:url(../images/slide2.gif) top left repeat;}
				#example4 .frame-3 {background:url(../images/slide3.gif) top left repeat;}
				#example4 .frame-content {width:400px;padding:25px;}
				#example4 .frame-closed .frame-content {display:none;}
				#example4 .frame-open .frame-content {display:block;}